Skip to main content

Group

Interfaces

GroupProps

Properties

className?

optional className: string

Overrides or extends the styles applied to the component.

Default
null
FeedObjectProps?

optional FeedObjectProps: FeedObjectProps

Props to spread to single feed object

Default
empty object
FeedSidebarProps?

optional FeedSidebarProps: StickyBoxProps

Props to spread to single feed object

Default
{top: 0, bottomBoundary: `#${id}`}
group?

optional group: SCGroupType

Group Object

Default
null
GroupFeedProps?

optional GroupFeedProps: GroupFeedProps

Props to spread to GroupFeed component

Default
{}
GroupHeaderProps?

optional GroupHeaderProps: GroupHeaderProps

Props to spread Group Header component

Default
{}
groupId?

optional groupId: number

Id of the group for filter the feed

Default
null
id?

optional id: string

Id of the feed object

Default
'feed'
widgets?

optional widgets: SCFeedWidgetType[]

Widgets to be rendered into the feed

Default
[CategoriesFollowed, UserFollowed]

Functions

Group()

Group(inProps): Element

API documentation for the Community-JS Category Template. Learn about the available props and the CSS API.

This component renders a specific group's template. Take a look at our demo component here

Import

import {Group} from '@selfcommunity/react-templates';

Component Name

The name SCGroupTemplate can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCGroupTemplate-rootStyles applied to the root element.
feed.SCGroupTemplate-feedStyles applied to the feed element.

Parameters

ParameterTypeDescription
inPropsGroupProps

Returns

Element


GroupSkeleton()

GroupSkeleton(): Element

API documentation for the Community-JS Group Skeleton Template. Learn about the available props and the CSS API.

Import

import {GroupSkeletonTemplate} from '@selfcommunity/react-templates';

Component Name

The name SCGroupTemplate-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCGroupTemplate-skeleton-rootStyles applied to the root element.

Returns

Element